<template>
	<footer style="background-color: #303133;padding: 0 1.25rem 0 1.25rem;"class="ui inverted vertical segment m-padded-tb-large m-opacitys" >
		<div class="ui center aligned container m-mobile-hide">
			<p class="m-text-thin m-text-spaced m-opacity-tiny">
				<span style="margin-right: 10px" v-if="siteInfo.copyright">{{ siteInfo.copyright.title }}</span>
				<router-link to="/" style="color:white" v-if="siteInfo.copyright">{{ siteInfo.copyright.siteName }}</router-link>
				<span style="margin: 0 15px" v-if="siteInfo.copyright && siteInfo.beian">|</span>
				<a rel="external nofollow noopener" href="http://beian.miit.gov.cn/" target="_blank" style="color:white">{{ siteInfo.beian }}</a>				
				<span style="margin: 0 15px" v-if="siteInfo.copyright && siteInfo.beian">|</span>
				<img src="https://cdn.jsdelivr.net/gh/lpl-code-github/blog_img/img/备案图标.png"  style="vertical-align: middle;margin-right:0.5rem ;"/>
				<a rel="external nofollow noopener" href="http://www.beian.gov.cn/" target="_blank" style="color:white">晋公网安备 14118102000144号</a>
			</p>
		</div>
		
		<div class="ui center aligned container m-mobile-show" style="margin-top: -0.7rem;margin-bottom:-0.9rem;">
			<p class="m-text-thin m-text-spaced m-opacity-tiny" style="margin-bottom: 0.5rem;margin-top: 0;">
				<span style="margin-right: 10px" v-if="siteInfo.copyright">{{ siteInfo.copyright.title }}</span>
				<router-link to="/" style="color:white" v-if="siteInfo.copyright">{{ siteInfo.copyright.siteName }}</router-link>
				<!-- <span style="margin: 0 15px" v-if="siteInfo.copyright && siteInfo.beian">|</span> -->			
				<!-- <span style="margin: 0 15px" v-if="siteInfo.copyright && siteInfo.beian">|</span> -->
			</p>
			
			<p class="m-text-thin m-text-spaced m-opacity-tiny" style="margin-bottom: 0.5rem;margin-top: 0;" >
				<a rel="external nofollow noopener" href="http://beian.miit.gov.cn/" target="_blank" style="color:white">{{ siteInfo.beian }}</a>
			</p>
			
			<p class="m-text-thin m-text-spaced m-opacity-tiny" style="margin-bottom: 0.5rem;margin-top: 0;">
				<img src="https://cdn.jsdelivr.net/gh/lpl-code-github/blog_img/img/备案图标.png"  style="vertical-align: middle;margin-right:0.5rem ;"/>
				<a rel="external nofollow noopener" href="http://www.beian.gov.cn/" target="_blank" style="color:white">晋公网安备 14118102000144号</a>
			</p>
		</div>
	</footer>
	
	
</template>

<script>
	export default {
		name: "Footer",
		props: {
			siteInfo: {
				type: Object,
				required: true
			},
			badges: {
				type: Array,
				required: true
			},
			newBlogList: {
				type: Array,
				required: true
			},
			hitokoto: {
				type: Object,
				required: true
			}
		},
		methods: {
			toBlog(blog) {
				this.$store.dispatch('goBlogPage', blog)
			}
		}
	}
</script>

<style scoped>
	@import "../../assets/css/badge.css";

	

</style>